import React from "react";
import { Layout } from "antd";
// import { CSSTransition, SwitchTransition } from "react-transition-group";
import { useOutlet, useLocation } from "react-router-dom";
// import LayoutFooter from "@/layouts/components/Footer";
import LayoutTabs from "@/layouts/components/Tabs";
// import WujieReact from "wujie-react";
// import { setCurrentSite } from "@/redux/modules/siteurl";

const { Content } = Layout;

const LayoutMain: React.FC = () => {
  const location = useLocation();
  const outlet = useOutlet();
  console.log(outlet, location, "outlet");
  return (
    <React.Fragment>
      <div style={{ display: `${!location.pathname.includes("/home/index") ? "block" : "none"}` }}>
        <LayoutTabs />
      </div>
      <Content>{outlet}</Content>

      {/* <LayoutFooter /> */}
    </React.Fragment>
  );
};

export default LayoutMain;
